/**
 * 函数单文件组件:
 * 1. 导入React核心包
 * 2. 声明个函数=》函数体内返回JSX（模版）
 * 3. 导出组件
 */
import React from 'react'
// 导入组件样式
import './fn.css'

const Fnc = () => {
  // js交互
  let a = 2
  // 模版
  return (
    <div>
      <h1 className='red'>我是单文件函数组件</h1>
      <p>{a}</p>
    </div>
  )
}

export default Fnc